<template>
  <div class="watch">
    <p>obj.a:{{ obj.a }}</p>
    <p>obj.a:<input type="text" v-model="obj.a"></p>
  </div>
</template>

<script>
export default {
  name: "Watch",
  data() {
    return {
      obj:{
        a:123
      }
    }
  },
  // mounted() {
  //   this.obj.a = '456';
  // },
  watch:{
    'obj.a':{
      handler(nVal,oVal){
        console.log('obj.a is changed');
        console.log('旧值:%s,新值:%s',oVal,nVal)
      },
      immediate:true,
      deep:true
    }
  }
}
</script>

<style scoped>

</style>